// Alerts

@mixin alert-variant($color) {
  color: $color;
  background-color: rgba($color: $color, $alpha: 0.1);
  border-color: none;

  hr {
    border-top-color: darken($color, 5%);
  }

  .alert-link {
    color: $color;
  }

  &.dark {
    color: $white-color;
    background-color: $color;

    .alert-link {
      color: $white-color;
    }

    &.alert-dismissable {
      .close:hover {
        color: $white-color;
        opacity: 1;
      }
    }
  }
}